import React from 'react'
import { Toast, NavBar } from 'react-vant'
import { useNavigate } from 'react-router-dom'
import { Tabs } from 'react-vant'
function index() {
    const navigate = useNavigate()
    const items = ['病情描述', '健康信息', '医生接诊', '医生解答']
    return (
        <div>
            <NavBar
                title='快速咨询'
                leftText='返回'
                onClickLeft={() => navigate(-1)}
                onClickRight={() => Toast('按钮')}
            />

            <div>
                <Tabs defaultActive={2}>
                    {items.map(item => (
                        <Tabs.TabPane key={item} title={`${item}`}>
                            {/* 下划线标签页 {item} */}
                        </Tabs.TabPane>
                    ))}
                </Tabs>
            </div>
        </div>
    )
}

export default index